<!--
  Generated template for the AllServicePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

    <ion-navbar>
        <ion-title style="text-align: center">全部服务</ion-title>
    </ion-navbar>
</ion-header>

<link rel="stylesheet" type="text/css" href="../../assets/fontClass/iconfont.css">
<ion-content padding>
    <ion-grid>
        <ion-row>
            <ion-col col-3 class="font">
                <ion-segment [(ngModel)]="column">
                    <ion-segment-button value="zhuanyebaojie">
                        <div style="width: 50px;height: 50px">
                            <div class="round">
                                <i class="iconfont icon-baoji"></i>
                            </div>
                        </div>
                    </ion-segment-button>
                </ion-segment>
                <p><span>专业保洁 </span></p>

                <hr class="line">

                <ion-segment [(ngModel)]="column">
                    <ion-segment-button value="jichubaojie">
                        <div class="round">
                            <i class="iconfont icon-saoba"></i>
                        </div>
                    </ion-segment-button>
                </ion-segment>
                <p><span>基础保洁 </span></p>
                <hr class="line">

                <ion-segment [(ngModel)]="column">
                    <ion-segment-button value="jiadianweixiu">
                        <div class="round">
                            <i class="iconfont icon-weixiuchang"></i>
                        </div>
                    </ion-segment-button>
                </ion-segment>
                <p><span>家电维修 </span></p>
                <hr class="line">


                <ion-segment [(ngModel)]="column">
                    <ion-segment-button value="jiadianqingxi">
                        <div class="round">
                            <i class="iconfont icon-kongtiao"></i>
                        </div>
                    </ion-segment-button>
                </ion-segment>
                <p><span>家电清洗 </span></p>
                <hr class="line">

                <ion-segment [(ngModel)]="column">
                    <ion-segment-button value="xiyifuwu">
                        <div class="round">
                            <i class="iconfont icon-T-shirt"></i>
                        </div>
                    </ion-segment-button>
                </ion-segment>
                <p><span>洗衣服务 </span></p>
                <hr class="line">

                <ion-segment [(ngModel)]="column">
                    <ion-segment-button value="baomuyuesao">
                        <div class="round">
                            <i class="iconfont icon-baomu"></i>
                        </div>
                    </ion-segment-button>
                </ion-segment>
                <p>保姆月嫂 </p>
            </ion-col>

            <ion-col col-9>
                <ion-img src="../../../assets/imgs/全部服务.png"></ion-img>
                <p style="border-bottom: dashed;opacity: 0.7;margin: 2px"><span>分类 </span></p>
                <div [ngSwitch]="column">
                    <ion-list *ngSwitchCase="'zhuanyebaojie'">
                        <ion-item>
                            <ion-thumbnail item-start>
                                <div class="cloumn">
                                    <span style="  margin-right: 10px;" (click)="newforest()">新居开荒</span>
                                    <span>窗纱更换</span>
                                    <span style="  margin-right: 10px;">甲醛检测治理</span>
                                    <span>厨房高温保洁</span>
                                    <span style="  margin-right: 10px;">卫生间保洁</span>
                                    <span>擦玻璃</span>
                                    <span style="  margin-right: 10px;">地面净化除菌</span>
                                </div>
                            </ion-thumbnail>
                        </ion-item>

                    </ion-list>
                    <ion-list *ngSwitchCase="'jichubaojie'">
                        <ion-item>
                            <ion-thumbnail item-start>
                                <div class="cloumn">
                                    <span style="margin-right: 10px;" (click)="appoinment()">预约保洁</span>
                                    <span>龙头管件</span>
                                    <span style="  margin-right: 10px;">卫浴洁具</span>
                                    <span>门窗家具</span>
                                </div>
                            </ion-thumbnail>
                        </ion-item>
                    </ion-list>


                    <ion-list *ngSwitchCase="'jiadianweixiu'">
                        <ion-item>
                            <ion-thumbnail item-start>
                                <div class="cloumn">
                                    <span style="  margin-right: 10px;">灯具电路</span>
                                    <span>龙头管件</span>
                                    <span style="  margin-right: 10px;">卫浴洁具</span>
                                    <span>门窗家具</span>
                                    <span style="  margin-right: 10px;">墙面地面</span>
                                    <span>空调维修</span>
                                    <span style="  margin-right: 10px;">电视维修</span>
                                </div>
                            </ion-thumbnail>
                        </ion-item>
                    </ion-list>
                    <ion-list *ngSwitchCase="'xiyifuwu'">
                        <ion-item>
                            <ion-thumbnail item-start>
                                <div class="cloumn">
                                    <span style="  margin-right: 10px;" (click)="laundryService()">洗衣用品</span>
                                    <span>包类皮衣</span>
                                    <span style="  margin-right: 10px;">家纺清洗</span>
                                    <span>洗衣洗鞋</span>
                                    <span style="  margin-right: 10px;">奢侈品清洗</span>
                                </div>
                            </ion-thumbnail>
                        </ion-item>
                    </ion-list>
                    <ion-list *ngSwitchCase="'baomuyuesao'">
                        <ion-item>
                            <ion-thumbnail item-start>
                                <div class="cloumn">
                                    <span style="  margin-right: 10px;" (click)="nanny()">保姆</span>
                                    <span>育儿嫂</span>
                                    <span style="  margin-right: 10px;">固定钟点工</span>
                                    <span>月嫂</span>
                                </div>
                            </ion-thumbnail>
                        </ion-item>
                    </ion-list>
                    <ion-list *ngSwitchCase="'jiadianqingxi'">
                        <ion-item>
                            <ion-thumbnail item-start>
                                <div class="cloumn">
                                    <span style="  margin-right: 10px;" (click)="lampblackClean()">油烟机清洗</span>
                                    <span>洗衣机清洗</span>
                                    <span style="  margin-right: 10px;">空调清洗</span>
                                    <span>电冰箱清洗</span>
                                    <span style="  margin-right: 10px;">微波炉清洗</span>
                                    <span>饮水机清洗</span>
                                </div>
                            </ion-thumbnail>
                        </ion-item>
                    </ion-list>
                </div>
            </ion-col>
        </ion-row>
    </ion-grid>

</ion-content>
